@import url(fonts.css);

*{margin:0;padding:0}
html,body{min-height:100%}
body{font:16px 'Oranienbaum',Arial,serif;text-align:center;background:-moz-linear-gradient(#FFFAD2 0%, #FFFAD2 50%, #C2BBA1 100%);color:#876F50}

h1, h2, h3{font-family:Oranienbaum}

p{margin-bottom:10px}
a:link,a:visited{color:#369;text-decoration:underline;outline:none}
a:hover,a:active{text-decoration:none}

.left  {float:left}
.right {float:right}

.span50p{width:48%}
.span40p{width:40%}
.span30p{width:33%}
.span25p{width:24%}

.multi-inputs .add,.multi-inputs .remove{display:block;float:left;width:12px;height:12px;overflow:hidden;text-indent:-100em;background:url(../img/add-remove.png) no-repeat 0 0;border-radius:2px;margin:8px 2px}
.multi-inputs .remove{background-position:0 -12px}
.multi-inputs .add:hover{background-position:-12px 0}
.multi-inputs .remove:hover{background-position:-12px -12px}

.multi-inputs.full > .multi-input{width:100%}
.multi-inputs.full .add,
.multi-inputs.full .remove,
.multi-inputs.full .add,.multi-inputs.full .handle {float:right}
.multi-input.separated {border-bottom:1px solid #A79782;padding-bottom:10px;margin-bottom:10px}
.multi-input.separated:last-child{border:none;margin-bottom:0;padding-bottom:0}

form.filter{padding:10px;background:#D2C5A8;float:left;border-radius:4px;margin:10px 0}
a.arrow:link{font-size:13px;text-decoration:none;color:#000;opacity:0.4;width:16px;height:16px;overflow:hidden;margin:7px 0 0 -22px}
a.arrow:hover{opacity:0.7}

fieldset{border:1px solid #A79782;border-radius:10px;padding:10px;margin:20px 0}
legend{color:#A79782;text-transform:lowercase;padding:0 5px}
label{display:block;float:left;margin:7px 0;clear:both;width:120px;text-align:right;cursor:pointer}
label.inline{clear:none}
label.auto{width:auto}
input,select,textarea{float:left;padding:2px 4px;margin:5px}
input[type=text],input[type=password],textarea,select{border:1px solid #ccc;font:11px Arial;width:150px;color:#777;border-radius:3px}
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{color:#000;border-color:#703315}
input[type=button],input[type=submit]{color:#fff;border:1px solid #FFFAD2;border-radius:3px;cursor:pointer}
input[type=button],input[type=reset]{background:-moz-linear-gradient(#C9C9C5, #9D9C96)}
input[type=button]:hover,input[type=submit]:hover,input[type=button]:focus,input[type=submit]:focus{border-color:#777;color:#000}
input[type=submit],input[type=submit]:focus,input[type=submit]:hover{clear:both;float:right;background:-moz-linear-gradient(#A38870, #553715);color:#fff}
input[type=checkbox]{margin-top:10px}

input[type=text].large{width:300px}
select.large{width:400px}

select.small{width:60px}
select.medium{width:100px}
input.float-number{width:60px;text-align:right}

input:-moz-placeholder{color:#ccc}
input::-webkit-input-placeholder{color:#ccc}

input.datepicker{width:65px;text-align:center}
.radio-container{float:left;margin:5px 0}
.radio-container label,.checkbox-container label{clear:none;text-align:left;margin:2px 5px 0 0;width:auto}
.radio-container input[type=radio]{margin-right:2px}
.checkbox-container input[type=checkbox]{margin-top:5px}

.error-message-container{float:left}
.error-message{position:absolute;display:block;float:left;height:14px;font:11px Arial;background:#A33C3A;color:#fff;padding:2px 4px;margin:5px 0 5px 10px}
.error-message:before{display:block;float:left;width:10px;height:17px;background:transparent url(../img/error-arrow.png) no-repeat 0 0;content:" ";margin-left:-13px;margin-top:-2px}
input.form-error{border-color:#A33C3A}

textarea{width:500px;height:150px}

table{width:100%;margin:20px 0;border-radius:6px;border:1px solid #BD9C85;background:#fff}
th{background:#BD9C85;color:#fff;font-weight:normal;padding:5px 10px;margin:0}
th:first-child{border-radius:4px 0 0 0}
th:last-child{border-radius:0 4px 0 0}
td{padding:5px;margin:0;vertical-align:top}
tr:nth-child(2n-1){background:#F1EADB}
td.expense{color:#C81313}
td.income{color:#189D17}

table .event-child{display:none}

p.back-link{position:absolute;top:180px;left:10px;text-transform:uppercase}
p.back-link a{color:#fff;text-decoration:none}
p.back-link a:hover{color:#876F50}

.flash-message{position:fixed;left:0;top:0;width:100%;padding:10px 0;background:-moz-linear-gradient(#F2D989, #A28239) #F2D989;z-index:9999;color:#fff;box-shadow:0 2px 4px #000}
.flash-message.ok{background:#3B7F35}
.flash-message.error{background:#D30B08}

.pagination{text-align:center}
.pagination .current{padding:2px 10px;background:#876F50;color:#fff;border-radius:2px}
.pagination a{text-decoration:none;color:#876F50}
.pagination a[rel=first],.pagination a[rel=last]{font-size:30px;float:left;margin-top:-10px}
.pagination a[rel=last]{float:right}
.pagination strong{opacity:0.2;cursor:default}
.pagination select{float:none;width:auto;width:50px}

#container{width:800px;margin:0 auto;position:relative}
#header img{opacity:0.3;padding:10px 0}
#header .logo{display:block}

#header ul{list-style:none;margin:20px 0;padding-top:6px;text-transform:uppercase;background:-moz-linear-gradient(#D2C5A8 0%, #958766 100%);border-radius:4px;height:30px}
#header li{display:inline-block;height:30px;line-height:30px;top:0;position:relative;border-radius:4px 4px 0 0}
#header li.active{box-shadow:0 -1px 2px #555}
#header li:last-child{float:right;display:block;box-shadow:none}
#header li a,#header li strong{display:block;padding:0 10px;height:32px;border-radius:4px 4px 0 0}
#header li a{color:#fff;text-decoration:none;margin-top:-4px}
#header li a:hover{color:#5E472C}
#header li strong{background:#FFFAD2}

.submenu{list-style:none;float:left;width:100%;margin-bottom:10px;font-size:1.5em}
.submenu li{float:left;border-right:1px dotted #A69979}
.submenu li:last-child{border:none}
.submenu strong, .submenu a{display:block;padding:0 10px}

#content{text-align:left;padding:10px 20px}

table.cake-sql-log{font:11px Arial;background:#fff;width:800px;margin:100px auto 0;border:1px solid #000;color:#000;text-align:left;opacity:0.1;clear:both}
table.cake-sql-log caption{display:none}
table.cake-sql-log:hover{opacity:1}
table.cake-sql-log th,table.cake-sql-log td{padding:5px}
table.cake-sql-log th{background:#000;color:#fff}
table.cake-sql-log td{border-bottom:1px solid #000;vertical-align:top}
table.cake-sql-log tr:last-child td{border-bottom:none}

.drag-drop{background:#fff;border:1px solid #BD9C85;border-radius:4px;list-style:none;height:100px;overflow:auto;clear:both}
.drag-drop li,li.ui-draggable-dragging{background:#fff;padding:5px;cursor:move;border-bottom:1px dotted #BD9C85}
.drag-drop li:last-child{border-bottom:none}
li.ui-draggable-dragging{background:#BD9C85;color:#fff;width:auto;z-index:999;list-style:none}

.drag-drop-set{height:150px;overflow:auto}
.drag-drop-set .autocomplete-container{position:relative}
.drag-drop-set input.autocomplete{margin:0 0 5px;width:97%}
.drag-drop-set .clear{position:absolute;right:5px;top:4px;text-decoration:none;width:12px;height:12px;border-radius:5px;background:#bbb;color:#fff;font:bolder 11px/9px Arial;text-align:center;display:none}

.ui-autocomplete .ui-state-hover,
.ui-autocomplete .ui-state-focus{border:none !important}
.ui-autocomplete-loading{background-image:url(../img/loading.gif);background-repeat:no-repeat;background-position:99% center}

.ui-sortable-placeholder{background:#336699}
.ui-sortable .handle{display:block;float:left;width:10px;height:10px;background:url(../img/sortable-handle.png) no-repeat center center;cursor:move;margin:8px 5px}

.multi-inputs > .multi-input:first-child > .remove{display:none}

.file-input-container{position:relative;float:left}
.file-input-container input[type=file]{visibility:hidden;width:150px}
.file-input-container .trigger{position:absolute;left:0;width:150px}
.file-input-container .selected{display:none;float:left}
.file-input-container.selected .selected{display:block}
.file-input-container.selected .trigger{display:none}
.file-input-container .cancel{display:none;float:left;cursor:pointer;background:url(../img/add-remove.png) no-repeat 0 -12px;width:12px;height:12px;text-indent:-100em;overflow:hidden;margin:5px}
.file-input-container.selected .cancel{display:block}

.btn-print{border-radius:4px;background:#BD9C85;color:#fff;border:none;cursor:pointer;padding:3px 5px}
.btn-print.fixed{position:fixed;top:10px;right:10px}

.list span{display:inline-block;width:100px;text-align:right;margin-right:5px;font-style:italic;font-size:0.9em}
.list section{display:inline-block;clear:none}
